// 定义食物类Foot
class Foot {
  // 定义一个属性表示食物所对应的元素
  element: HTMLElement

  constructor() {
    // 获取页面中的foot元素并将其赋值给element
    this.element = document.getElementById('foot')!
  }

  // 定义一个获取食物 X轴坐标的方法、
  get X() {
    return this.element.offsetLeft
  }

  // 定义一个获取食物 Y轴坐标方法
  get Y() {
    return this.element.offsetTop
  }

  // 修改食物位置的方法
  change() {
    // 生成一个随机的位置
    // 食物位置最小是0 最大时290
    // 蛇移动一次就是一格，一格的大小就是10，所以要求食物的坐标必须是整十
    let X = Math.round(Math.random() * 29) * 10
    let Y = Math.round(Math.random() * 29) * 10

    this.element.style.left = X + 'px'
    this.element.style.top = Y + 'px'
  }
}



export default Foot
